<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2</title>
</head>
<body>
<!--借助于jquery的post方式 Ajax请求-->
<form autocomplete="off">
    姓名:<input type="text" id="username">
    <span id="uSpan"></span><br>
    密码:<input type="text" id="password"><br>
    <input type="submit" value="注册">
</form>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //绑定失去焦点事件
    $("#username").blur(function () {
        let username=$("#username").val();
        //2jquery post方式实现ajax
        $.ajax({
           //资源路径
           url:"userServlet",
           //是否异步 默认为true
           async:true,
           //请求参数
           data:"username="+username,
           //请求方式
           type:"GET",
           //响应数据形式
           dataType:"text",
           //回调函数
           success:function (data) {
               //将相应数据发在标签上
               $("#uSpan").html(data);
           } ,
            error:function () {
               alert("操作失败");
            }
        });
    })
</script>
</html>